// * {
//      margin: 0;
//      padding: 0;
//      // 内减模式 
//      box-sizing: border-box;
// }

// ul {
//      list-style: none;
// }

// img {
//      // 宽度由父盒子来控制 
//      width: 100%;
//      // 去掉图片默认3px的间隙 
//      display: block;
// }

// a {
//      text-decoration: none;
//      // a标签的字体颜色 默认 是蓝色
//      // a标签的字体颜色继承父元素的字体颜色 - div一样 
//      // color: inherit;
// }

// // 清除浮动 。。。。。 
// // 暂时不用  mui提供有了！！！

html,body{
    height: 100%;
}

body{
    padding-top: 45px;
    padding-bottom: 50px;
}
 // 等待效果
    
 .loadding {
    &::before {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #000;
      opacity: .5;
      content: "";
      z-index: 100;
    }
    &::after {
      font: normal normal normal 14px/1 FontAwesome;
      position: fixed;
      top: 40%;
      left: 50%;
      margin-left: -50px;
      font-size: 100px;
      color: #0094ff;
      content: "\f013";
      z-index: 101;
      animation: fa-spin 1s infinite linear; 
       
    }
  }
// 中间内容部分
.pyg_content{
    height: 100%;
    overflow: scroll;
}
// 头部
.pyg_head{
    width: 100%;
    height: 45px;
    position: fixed;
    left: 0;
    top:0;
    background-color: #fff;
    padding: 5px;
   
}
// 底部
.pyg_footer{
    width: 100%;
    height:50px;
    position: fixed;
    left: 0;
    bottom:0;
    background-color: #fff;
    display: flex;
    padding: 5px;
    border: 1px solid #ccc;
    >a{
        color: #000;
        flex: 1;
        text-align: center;
        >div:nth-of-type(1){
            font-size: 24px;
        }
        >div:nth-of-type(2){
            font-size: 14px;
        }
    }
}